﻿
<div class="page-topbar">
    <div class="page-topbar-body core-width">
        欢迎您,<span id="_curr_org_name">将台路营业厅</span>,
        <span id="_curr_staff_name">黄阳</span>
        <i></i>
        <span id="_staff_profile_edit">个人信息</span>
        <i></i>
        <span id="_101"><a href="~/Home/LocalManager">现场管理</a></span>
        <i></i>
        <span id="_102"><a href="~/Home/LogDetails">系统日志</a></span>
        <i></i>
        <span id="_103"><a href="~/Home/Organization">组织管理</a></span>
        <i></i>
        <span onmouseout=" mainPageViewTypeHide() " onmouseover=" mainPageViewTypeShow() " class="topbar-viewtype">
            显示<em></em>
            <span style="display: none" class="topbar-viewtype-list">
                <span id="_screen_1340">宽</span>
                <span id="_screen_1200">中</span>
                <span id="_screen_1000">窄</span>
            </span>
        </span>
        <i></i>
        <span><a href="~/Home/Logout">退出</a></span>
    </div>
</div>
<script>
    function mainPageViewTypeShow() {
        $(".topbar-viewtype").addClass("topbar-viewtype-hide");
        $(".topbar-viewtype-list").show();
    }

    function mainPageViewTypeHide() {
        $(".topbar-viewtype").removeClass("topbar-viewtype-hide");
        $(".topbar-viewtype-list").hide();
    }

    //宽屏宽度显示
    $("#_screen_1340").live("click", function () {
        $(".core-width").animate({ width: '1340' }, { duration: "100" });
        $.cookies.set('screen-core-width', '1340');
    });

    //中屏宽度显示
    $("#_screen_1200").live("click", function () {
        $(".core-width").animate({ width: '1200' }, { duration: "100" });
        $.cookies.set('screen-core-width', '1200');
    });

    //窄屏宽度显示
    $("#_screen_1000").live("click", function () {
        $(".core-width").animate({ width: '1000' }, { duration: "100" });
        $.cookies.set('screen-core-width', '1000');
    });

</script>